.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-34 {
    font-size: 34px;
}

.font-36 {
    font-size: 36px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}

@media screen and (max-width:414px) {

    @function px2rem($px){
        $base:$px/2;
        $rem:25px;
        @return ($base/$rem) + rem;
    }

    .font-12 {
        font-size: px2rem(12px);
    }

    .font-13 {
        font-size: px2rem(13px);
    }

    .font-14 {
        font-size: px2rem(14px);
    }

    .font-15 {
        font-size: px2rem(15px);
    }

    .font-16 {
        font-size: px2rem(16px);
    }

    .font-17 {
        font-size: px2rem(17px);
    }

    .font-18 {
        font-size: px2rem(18px);
    }

    .font-19 {
        font-size: px2rem(19px);
    }

    .font-20 {
        font-size: px2rem(20px);
    }

    .font-22 {
        font-size: px2rem(22px);
    }

    .font-24 {
        font-size: px2rem(24px);
    }

    .font-26 {
        font-size: px2rem(26px);
    }

    .font-28 {
        font-size: px2rem(28px);
    }

    .font-30 {
        font-size: px2rem(30px);
    }

    .font-34 {
        font-size: px2rem(34px);
    }

    .font-36 {
        font-size: px2rem(36px);
    }

    .font-38 {
        font-size: px2rem(38px);
    }

    .font-40 {
        font-size: px2rem(40px);
    }
    
}